<template>
    <div style="width:90%;paddingLeft:5%;paddingRight:5%">
        <div v-for="item in items" :key="item.title">
            <p class="title">{{item.title}}</p>
            <p class="content" style="textIndent:30px">{{item.content}}</p>
            <router-link :to="item.href+'/'+item.aid" class="more"><p>了解详情></p></router-link>
        </div>
    </div>
</template>
<script>
export default {
    name: 'news',
    data() {
        return {
            items:[
                {
                    title: "TrafficHUT基于航拍视频的车辆轨迹识别竞赛",
                    content:"020 TrafficHUT 基于航拍视频的车辆轨迹识别竞赛”（以下简称“大赛”），由北京交通发展研究院主办，通过开放北京市高清航拍数据，面向全球征集车辆轨迹识别和跟踪的算法，构建有中国特色的高精度标准交通轨迹库和行为特征库TrafficHUT(High-definition Unified Trajectory dataset) 。缩写HUT寓意 “共享小屋”，旨在号召共建共享，以此推动中国交通行为研究",
                    href:'/majorNew',
                    aid:'1',
                },
                {
                    title: "2020年第二届全国高校计算机能力挑战赛",
                    content: "为贯彻落实习近平主席在十九大报告中关于“推动互联网、大数据、人工智能和实体经济深度融合”以及“善于运用互联网技术和信息化手段开展工作”等讲话精神，引导高校在校生学习掌握计算机与互联网知识，提高计算机应用能力、解决问题能力以及创新创业能力",
                    href:'/majorNew',
                    aid:'2',
                }
            ]
        }
    },
}
</script>
<style>
.title{
    font-family: MicrosoftYaHei-Bold;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 1px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.content{
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 1px;
    color: #060606;
}
.more{
    float: right;
    color: #060606;
    font-weight: bold;
    width: 79px;
    height: 17px;
    font-family: MicrosoftYaHei;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 1px;
    color: #060606;
}
</style>